import React from 'react';

export default function Fold({ onClick }: { onClick?: React.MouseEventHandler<SVGSVGElement> }) {
  return (
    <svg
      data-v-aa826b64=''
      xmlns='http://www.w3.org/2000/svg'
      aria-hidden='true'
      role='img'
      name='LeftBar'
      width='20'
      height='20'
      viewBox='0 0 1024 1024'
      onClick={onClick}
      className='text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white cursor-pointer'
     >
      <path
        d='M861.866667 162.133333c-17.066667-17.066667-42.666667-29.866667-68.266667-29.866666H226.133333c-25.6 0-51.2 8.533333-68.266666 29.866666S128 204.8 128 230.4v567.466667c0 25.6 8.533333 51.2 29.866667 68.266666 17.066667 17.066667 42.666667 29.866667 68.266666 29.866667h567.466667c25.6 0 51.2-8.533333 68.266667-29.866667 17.066667-17.066667 29.866667-42.666667 29.866666-68.266666V226.133333c0-25.6-8.533333-46.933333-29.866666-64zM366.933333 814.933333H226.133333c-4.266667 0-8.533333 0-12.8-4.266666-4.266667-4.266667-4.266667-8.533333-4.266666-12.8V226.133333c0-4.266667 0-8.533333 4.266666-12.8 4.266667-4.266667 8.533333-4.266667 12.8-4.266666h140.8v605.866666z m448-17.066666c0 4.266667 0 8.533333-4.266666 12.8-4.266667 4.266667-8.533333 4.266667-12.8 4.266666h-354.133334V209.066667h354.133334c4.266667 0 8.533333 0 12.8 4.266666 4.266667 4.266667 4.266667 8.533333 4.266666 12.8v571.733334z'
        fill='currentColor'
      ></path>
    </svg>
  );
}
